<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>WeChat</title>
		<link rel="stylesheet" type="text/css" href="../css/wechat.css"/>
		<link rel="stylesheet" type="text/css" href="../css/find.css"/>
		<link rel="stylesheet" type="text/css" href="../css/address_book.css"/>
		<link rel="stylesheet" type="text/css" href="../css/me.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	</head>
		<body>
		<div class="screen">
			<!-- 状态栏 -->
			<div class="status_bar">
				<div class="signal">
					<img src="../img/信号.svg" alt="">
					<img src="../img/信号.svg" alt="">
					<p>15k/s</p>
				</div>
				<div class="time">
					<p>18:53</p>
				</div>
				<div class="other">
					<img src="../img/WiFi.svg" alt="">
					<img src="../img/铃声-静音.svg" alt="">
					<p>49%</p>
					<img src="../img/电池电量.svg" alt="">
				</div>
			</div>
			<!-- 微信头部 -->
			<div class="header1">
				<div class="camera">
					<img src="../img/相机.svg" alt="">
				</div>
				<div class="individual">
					<div class="photo3">
						<img src="../img/head_erhuo.jpg" alt="">
					</div>
					<div class="name3">
						<p>贰货不二</p>
						<div class="wechatname">
							<p>微信号:erhuobuer123456</p>
							<img src="../img/二维码.svg" alt="">
							<span class="fa fa-angle-right" ></span>
						</div>
					</div>
				</div>
			</div>
			<p>1</p>
			<!-- 主体	 -->
			<div class="main1">
				<ul class="me">
					<li>
						<div class="photo2 mephoto">
							<img src="../img/微信支付.svg" alt="">
						</div>
						<div class="name2 me2">
							<p>支付<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<p>1</p>
					<li>
						<div class="photo2 mephoto">
							<img src="../img/微信收藏.svg" alt="">
						</div>
						<div class="name2 sao me2">
							<p>收藏<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<li>
						<div class="photo2 mephoto">
							<img src="../img/微信相册.svg" alt="">
						</div>
						<div class="name2 sao me2">
							<p>相册<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<li>
						<div class="photo2 mephoto">
							<img src="../img/微信卡包.svg" alt="">
						</div>
						<div class="name2 sao me2">
							<p>卡包<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<li>
						<div class="photo2 mephoto">
							<img src="../img/微信表情.svg" alt="">
						</div>
						<div class="name2 me2">
							<p>表情<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					<p>3</p>
					<li>
						<div class="photo2 mephoto">
							<img src="../img/微信设置.svg" alt="">
						</div>
						<div class="name2 me2">
							<p>设置<span class="fa fa-angle-right" ></span></p>
						</div>
					</li>
					
					
				</ul>
			</div>
			
			
			<!-- footer区 -->
			<div class="footer">
				<div class="wechat">
					<a href="../wechat.html" class="a1me" target="_self">
						<div class="imgs oneme">
						</div>
						微信
					</a>
				</div>
				
				<div class="wechat">
					<a href="address_book.html" class="a2me" target="_self">
						<div class="imgs twome">
						</div>
						通讯录
					</a>
				</div>
				
				<div class="wechat">
					<a href="find.html" class="a3me" target="_self">
						<div class="imgs threeme">
						</div>
						发现
					</a>
				</div>
				
				<div class="wechat">
					<a href="me.html" class="a4me" target="_self">
						<div class="imgs fourme">
						</div>
						我
					</a>
				</div>
			</div>
		</div>
	</body>
</html>
